@import './vw';
@import './comment.scss';

* {
  box-sizing: border-box;
}

section {
  padding: vw(90) 0 vw(96) 0;

  .line {
    height: vw(25);
    background-color: #f5f5f5;
  }

  .two {
    padding: vw(23) vw(27) vw(26) vw(28);

    .top {
      display: flex;
      justify-content: space-between;

      .grey {
        height: vw(58);
        width: vw(58);
        border-radius: 50%;
        background-color: #898989;
      }

      .top2 {
        margin-right: vw(80);
        line-height: vw(30);
        font-size: vw(28);
        color: #c5c5c5;
        display: flex;
        flex-direction: column;
        justify-content: left;

        >p:nth-child(2) {
          font-size: vw(18);
        }
      }

      .top3 {
        height: vw(58);
        width: vw(228);
        background-color: #b20000;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;

        .icon {
          margin-left: vw(10);
          padding-left: vw(4);
          height: vw(25);
          width: vw(25);
          border-radius: 50%;
          background-color: #fff;
          color: #b20000;
        }
      }
    }

    .next {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-top: vw(20);
      font-size: vw(24);
      color: #323232;

      >p:nth-child(2) {
        font-size: vw(16);

      }
    }

    .line1 {
      margin: vw(10) 0 vw(20) 0;
      height: 0;
      border-top: 1px solid #e2e2e2;
    }

    .big-pic {
      height: vw(432);
      width: vw(584);

      img {
        height: 100%;
        width: 100%;
      }
    }
  }

  .last {
    margin: 0 auto;
    height: vw(60);
    width: 87%;
    color: #bbbbbb;
    font-size: vw(22);
    border-top: 1px solid #e6e6e6;
    // visibility: hidden;
    // 设置元素的可见性，hiddle代表元素不可见。虽然元素不可见但是在文档中的位置还占据

    p {
      letter-spacing: vw(2);
      line-height: vw(60);
      text-align: center;
    }
  }
}